{template 'public/header'}
{template 'public/comhead'}
<link rel="stylesheet" type="text/css" href="../addons/zh_cjdianc/template/public/ygcsslist.css">
<style type="text/css">
    .ygrow{margin-top: 20px;}
    .yg5_key>div{float: left;line-height: 34px;}
    .store_td1{height: 45px;}
    .store_list_img{width: 60px;height: 60px;}
    .yg5_tabel{border-color: #e5e5e5;outline: 1px solid #e5e5e5;text-align: center;}
    .yg5_tr2>td{padding: 15px 8px;border: 1px solid #e5e5e5;}
    .yg5_tr1>td{
        border: 1px solid #e5e5e5;
        background-color: #FAFAFA;
        font-weight: bold;
    }
    .ordersucess{background-color: #44ABF7;color: white;}
    .ordersucess:hover{background-color: #44ABF7;color: white;}
    .yg5_btn{background-color: #EEEEEE;color: #333;border: 1px solid #E4E4E4;border-radius: 6px;width: 100px;height: 34px;}
    .inorderbtn2>span,.inorderbtn>button,.inorderbtn>a>button{margin-bottom: 10px;}
    .orfont1{font-weight: bold;font-size: 24px;}
    .orfont2{color: #F5B340;font-size: 16px;margin-left: 15px;}
    .orderback{background-color: #FAFAFA;height: 50px;margin-bottom: 15px;padding: 10px;}
    .ordermain{font-size: 14px;width: 100%;}
    .orfont3{font-size: 20px;font-weight: bold;}
    .orfont4{font-size: 12px;color: #999;}
    .orderconfirm{border:1px solid #44ABF7;color: #44ABF7;padding: 5px 15px;border-radius: 6px;cursor: pointer;margin-right: 10px;}
    .orderconfirm:hover{background-color: #44ABF7;color: white;}
    .orderconfirm2{color: #fff;padding: 3px 10px;border-radius: 6px;margin-right: 10px;font-size: 12px;margin-top: 5px;background-color: #44ABF7;}
    .orderback2{border-bottom:1px solid #E9E9E9;margin-bottom: 10px;padding-bottom: 10px;}
    .orderback3{margin-bottom: 10px;padding-bottom: 10px;}
    .orderback2>div>p{margin-bottom: 5px;}
    .orderdish{margin-bottom: 10px;height: 15px;width: 100%;}
    .orderdish>div{float: left;margin-right: 50px;}
    .orderbox1,.orderdish1{width: 250px;}
    .orderdish>div:nth-child(2){width: 80px;}
    .orderdish>div:nth-child(3){width: 80px;}
    .orderbox2,.orderdish>div:nth-child(4){width: 80px;}
    .orderbox2{margin-left: 310px;}
    .orderaccount{width: 100%;height: 25px;}
    .orfont5{color: #44ABF7;font-size: 14px;}
    .orfont6{font-size: 12px;color: #666;}
    .orfont7{font-weight: bold;font-size: 15px;}
    .orfont8{color: #44ABF7;}
    .orfont9{color: #666;}
    .orderpanel1{width: 50%;display: inline-block;}
    .orderpanel2{width: 30%;display: inline-block;margin-left: 30px;}
    .ordertelimg{width: 20px;height: 20px;}
    .ordertelimg1{color: #44ABF7;font-size: 14px;}
    .ordername{height: 30px;width: 100%;margin-bottom: 5px;}
    .ordername1{font-size: 20px;font-weight: bold;}
    .orbeizhu{color: #FF7712;}
    .ordertime{margin-right: 10px;}
    .orfont10{color: #999;}
    .orderbtn{border: #FF7F50 1px solid;color: #FF7F50;background-color: #fff;margin-top: -10px;}
    .orderbtn:hover{background-color: #FF7F50;color: white;}
    .ortypeimg{position: absolute;left: 27%;top:53%;z-index: 10;opacity: 0.2;width: 150px;height: 150px;}
    .ortypeimg>img{width: 100%;height: 100%;}
    .ortypeimg2{position: absolute;left: 27%;top:53%;z-index: 10;opacity: 0.4;width: 150px;height: 150px;}
    .ortypeimg2>img{width: 100%;height: 100%;}
    .orderwu{text-align: center;padding: 20px 0px;}
    .wufont1{font-size: 18px;color: #666;margin-top: 20px;}
    .orderconhui{background-color: grey;color: white;}
    .orfontyue1{text-indent: 4em;}
    .dlorfont7{font-size: 18px;color: #44ABF7;}
    .tip_data{
       border:0;
       margin:0;
       float: left;
    }
    .data_tip,.nav_head{
          display: flex;
          justify-content: space-between;
          align-items: center;
    }
      .box1{
      	display:flex;
	}
	.back{
		position: absolute;;
		width:100%;
      	background:#000;
      	opacity: .2;
		height: 100%;
		z-index: 500;
	}
	.add_html{
		margin:auto;
		padding: 0 10px;
		width:40%;
		height: auto;
		border-radius: 10px;
		padding: 20px;
		/*margin:100px 20%;*/
		z-index: 500000000;
		background: #fff;
		/*background:#44ABF7;*/
		/*border: 2px solid #44ABF7;*/
		/*color: #fff;*/
	}
    /*.nav>.orderbtn2>a{padding: 6px 20px;border-radius: 4px;border:1px solid #FF7F50;color: #FF7F50;}*/
</style>
<ul class="nav nav-tabs">
    <span class="ygxian"></span>
    <div class="ygdangq">当前位置:</div> 
    <li {if $type=='all'} class="active" {/if}><a href="{php echo $this->createWebUrl2('dlqgorder',array('type'=>all));}">全部订单</a></li>
    <li {if $type=='now'} class="active" {/if}><a href="{php echo $this->createWebUrl2('dlqgorder',array('type'=>now));}">待核销</a></li>
    <li {if $type=='ok'} class="active" {/if}><a href="{php echo $this->createWebUrl2('dlqgorder',array('type'=>ok));}">已核销</a></li>
</ul>
<div class="row ygrow">
    <div class="col-lg-11 nav_head">
        <form action="" method="get" style="padding: 0" class="col-md-4">
            <input type="hidden" name="c" value="site" />
            <input type="hidden" name="a" value="entry" />
            <input type="hidden" name="m" value="zh_cjdianc" />
            <input type="hidden" name="do" value="dlqgorder" />
            <div class="input-group" style="width: 300px;">
                <input type="text" name="keywords" value="{$_GPC['keywords']}" class="form-control" placeholder="请输入姓名/订单编号/门店名称">
                <span class="input-group-btn">
                    <input type="submit" class="btn btn-default" name="submit" value="查找"/>
                </span>
            </div>
            <input type="hidden" name="token" value="{$_W['token']}"/>
        </form>
    </div><!-- /.col-lg-6 -->
</div>  
<div class="main ordermain">
<div class="row">
    <div class="col-md-11">
    {if !$list}
        <div class="panel panel-default">
            <div class="orderwu">
                <img src="../addons/zh_cjdianc/template/images/noorder.png">
                <p class="wufont1">暂无指定订单</p>
                <p class="orfont10">暂时没有筛选条件的订单，稍后再来看看吧！</p>
            </div>
        </div>
        {/if}
{loop $list $key $item}
        <div class="panel panel-default">
            <div class="panel-body" style="padding: 0px 15px;">
                <div class="row" style="position: relative;">
                    <div class="col-md-12 orderback">
                        <div class="left">
                            <span class="orfont1 orfont8">#{$item['id']}</span>
<!--<a href="{php echo $this->createWebUrl2('dlqgorder',array('op'=>'dy','order_id'=>$item['id']));}"><button class="btn btn-xs orderbtn">打印小票</button></a> -->
                        </div>
                        <div class="right">
                        {if $item['state']==2}
                            <div class="left orderconfirm2">待核销</div>
                        {elseif $item['state']==3}
                            <div class="left orderconfirm2">已核销</div> 
                        {/if}
                        </div>                        
                    </div>
                    <div class="col-md-12 orderback2">
                        <div class="ordername">
                            <div class="left ordername1">{$item['user_name']}&nbsp;&nbsp;<span class="orfont4">#{$item['md_name']}</span></div>
                        </div>
                        <div class="">
                            <div class="right ordertelimg1">
                                <img src="../addons/zh_cjdianc/template/images/ordertel.png" class="ordertelimg">
                                <span>{$item['user_tel']} </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 orderback2">
                        <p><span class="orbeizhu">备注：</span>{if $item['note']}{$item['note']}{else}无{/if} </p>
                    </div>
                    <div class="col-md-12 orderback2">
                        <p class="orfont3">商品信息</p>
                        <div class="orderdish">
                            <div class="left orderdish1">{$item['good_name']}</div>
                            <div class="left">¥{$item['money']}</div>
                            <div class="left">×1</div>
                            <div class="left">¥{$item['money']}</div>
                        </div>
                    </div>

                    <div class="col-md-12 orderback2">
                        <p class="orfont3">小计</p>                        
                        <div class="orderaccount">
                            <div class="orderbox1 left">支付方式</div>
                            <div class="orderbox2 left">{if $item['pay_type']==1}微信支付{elseif $item['pay_type']==2}余额支付{/if}</div>
                        </div>                      
                    </div>
                    <div class="col-md-12 orderback2">
                       <!--  <div class="orderaccount orfont7">
                            <div class="orderbox1 left">本单预计收入</div>
                  
                            <div class="orderbox2 left">¥{php echo number_format($item['money']-($item['md_poundage']/100*$item['money']),2)}</div>
                          
                        </div> -->
                        <div class="orderaccount orfont6">
                            本单顾客实际支付：¥{$item['money']}
                        </div>                     
                    </div>
                    <div class="col-md-12 orderback3">
                        <div class="right orfont10">
                        <span class="ordertime">下单时间：{$item['pay_time']}</span>
                        订单编号：{$item['order_num']}
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
{/loop}

    </div>  
</div>
</div>
<div class="text-right we7-margin-top">{$pager}</div>
<script type="text/javascript">
    $(function(){
        $("#frame-12").show();
        $("#yframe-12").addClass("wyactive");
    })
</script>
